<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="Mark Otto、Jacob Thornton 以及众多 Bootstrap 贡献者">
    <meta name="generator" content="Hugo 0.91.2">
    <title>WALLPAPER SPACE</title>

    <link rel="canonical" href="https://v4.bootcss.com/docs/examples/carousel/">

    <script type="text/javascript" th:src="@{/static/js/jquery-3.6.0.js}"></script>


    <!-- Bootstrap core CSS -->
    <link th:href="@{/static/bootstrap-4.6.1-dist/css/bootstrap.min.css}" rel="stylesheet">

    <meta name="msapplication-config" content="/docs/4.6/assets/img/favicons/browserconfig.xml">
    <meta name="theme-color" content="#563d7c">

    <link th:href="@{/static/css/index.css}" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link th:href="@{/static/css/carousel.css}" rel="stylesheet">
</head>

<body>

<header>
    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
        <a class="navbar-brand" href="#">WALLPAPER&nbsp;&nbsp;SPACE</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarCollapse">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" ><span class="sr-only">(current)</span></a>
                </li>
            </ul>
            <form class="form-inline mt-2 mt-md-0" action="/wallpaper/wallpaperpagevague">
                <input class="form-control mr-sm-2" name="condition" type="text" id="serach_text" placeholder="输入关键词..." aria-label="Search">
                <button class="btn btn-outline-success my-2 my-sm-0" id="search" type="submit">搜索</button>
            </form>
            <div class="btn btn-outline-success my-2 my-sm-0"
                    style="margin-left: 20px;" id="sign-in">登录/注册
            </div>
            <div class="grzx" style="display: none">
                <button class="btn btn-outline-success my-2 my-sm-0" id="upload">上传壁纸</button>
                <button class="btn btn-outline-success my-2 my-sm-0 signout">登出</button>
            </div>
            <div class="adminzx" style="display: none">
                <button class="btn btn-outline-success my-2 my-sm-0" id="admin">后台管理</button>
                <button class="btn btn-outline-success my-2 my-sm-0 signout">登出</button>
            </div>
        </div>
    </nav>
</header>

<main role="main">

    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <!--<svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label=" :  " preserveAspectRatio="xMidYMid slice" focusable="false"><title> </title><rect width="100%" height="100%" fill="#777"/><text x="50%" y="50%" fill="#777" dy=".3em"> </text></svg>-->
                <img src="https://wkptc.oss-cn-guangzhou.aliyuncs.com/img/lbt1.jpg" width="100%" alt="lost image?" />
                <div class="container">
                    <div class="carousel-caption">
                        <h1>WELCOME TO WALLPAPER-SPACE</h1>
                        <p>想要获取更多???</p>
                        <p><a class="btn btn-lg btn-primary" href="/wallpaper/wallpaperpageByTG">进入</a></p>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <!--<svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label=" :  " preserveAspectRatio="xMidYMid slice" focusable="false"><title> </title><rect width="100%" height="100%" fill="#777"/><text x="50%" y="50%" fill="#777" dy=".3em"> </text></svg>-->
                <img src="https://wkptc.oss-cn-guangzhou.aliyuncs.com/img/lbt2.png" width="100%" alt="lost image?" />
                <div class="container">
                    <div class="carousel-caption">
                        <h1>WELCOME TO WALLPAPER-SPACE</h1>
                        <p>想要获取更多???</p>
                        <p><a class="btn btn-lg btn-primary" href="/wallpaper/wallpaperpageByTG">进入</a></p>
                    </div>
                </div>
            </div>
            <div class="carousel-item">
                <!--<svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label=" :  " preserveAspectRatio="xMidYMid slice" focusable="false"><title> </title><rect width="100%" height="100%" fill="#777"/><text x="50%" y="50%" fill="#777" dy=".3em"> </text></svg>-->

                <img src="https://wkptc.oss-cn-guangzhou.aliyuncs.com/img/lbt3.jpg" width="100%" alt="lost image?" />
                <div class="container">
                    <div class="carousel-caption">
                        <h1>WELCOME TO WALLPAPER-SPACE</h1>
                        <p>想要获取更多???</p>
                        <p><a class="btn btn-lg btn-primary" href="/wallpaper/wallpaperpageByTG">进入</a></p>
                    </div>
                </div>
            </div>
        </div>
        <button class="carousel-control-prev" type="button" data-target="#myCarousel" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </button>
        <button class="carousel-control-next" type="button" data-target="#myCarousel" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </button>
    </div>

<!--    <div class="content-wrapper">-->
<!--        <iframe width="100%"  id="iframe" name="iframe" onload="SetIFrameHeight()"-->
<!--                src="/wallpaper/wallpaper_new"></iframe>-->
<!--    </div>-->


    <div class="map">
        <iframe src="https://map.baidu.com/poi/%E5%B9%BF%E4%B8%9C%E7%A7%91%E6%8A%80%E5%AD%A6%E9%99%A2(%E6%9D%BE%E5%B1%B1%E6%B9%96%E6%A0%A1%E5%8C%BA)/@12688662.589464538,2623592.4462124105,18.02z?uid=2ec3a4d1853ab36b8d772732&ugc_type=3&ugc_ver=1&device_ratio=1&compat=1&pcevaname=pc4.1&querytype=detailConInfo&da_src=shareurl" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
    </div><!-- /.map -->

    <!-- FOOTER -->
    <footer class="container">
        <p class="float-right"><a href="#">Back to top</a></p>
        <p>&copy; 2017-2022 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
    </footer>
</main>


<script>
    $(document).ready(function (){
        $.ajax({
            url:'/user/checklogin',
            type:'post',
            headers:{
                Accept:"application/json",
                "Content-Type":"application/json"
            },
            processData:false,
            cache:false
        }).done(function (data) {
            if (data.code===30001){
                $('.adminzx').css("display","block");
                $('#sign-in').css("display","none");
                $(".grzx").css("display","none");
            }else if(data.code===20000){
                $('.adminzx').css("display","none");
                $('#sign-in').css("display","none");
                $(".grzx").css("display","block");
            }else{
                $('.adminzx').css("display","none");
                $('#sign-in').css("display","block");
                $(".grzx").css("display","none");
            }
        });
    })
</script>
<script th:src="@{/static/bootstrap-4.6.1-dist/js/bootstrap.bundle.min.js}"></script>
<script>
    $('#sign-in').click(function (){
        // console.log("按钮测试");
        //跳转到登录页面
        $(window).attr('location',"/pages/signin.html");
    })
    $('#upload').click(function (){
        $(window).attr('location',"/pages/upload.html");
    })
    $('.signout').click(function (){
        $(window).attr('location',"/user/loginout");
    })
    $('#admin').click(function (){
        $(window).attr('location',"/wallpaper/main");
    })
</script>
<script>
    function SetIFrameHeight() {
        var iframeid = document.getElementById("iframe"); //iframe id
        if (document.getElementById) {
            iframeid.height = document.documentElement.clientHeight;
        }
    }
</script>
</body>
</html>
